<%= render "layouts/banner", :title => "https://img.zcool.cn/tubelocation/ef5467496949cd05b21000b7d2a0.jpg?imageMogr2/format/webp" %>

<div class="container team">

  <!-- Three columns of text below the carousel -->
  <div class="row">
    <div class="col-lg-4 mb-5">
      <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#777"></rect>
        <text x="50%" y="50%" fill="#777" dy=".3em">140x140</text>
      </svg>
      <h2 class="fw-normal">项目经理</h2>
      <p>经验丰富且充满热情的项目经理。从业12年，一直致力于为客户提供高效、创新的解决方案，成功管理了多个项目，赢得了客户的信任与认可。
      </p>
      <p><a class="btn btn-secondary" href="#">详情 »</a></p>
    </div><!-- /.col-lg-4 -->

    <div class="col-lg-4">
      <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#777"></rect>
        <text x="50%" y="50%" fill="#777" dy=".3em">140x140</text>
      </svg>
      <h2 class="fw-normal">设计师</h2>
      <p>热爱创意、追求细节的设计师。多年来，一直专注于[具体设计领域，如视觉设计、UI/UX设计、品牌设计等]，为客户打造兼具美感与功能的作品。</p>
      <p><a class="btn btn-secondary" href="#">详情 »</a></p>
    </div><!-- /.col-lg-4 -->

    <div class="col-lg-4">
      <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#777"></rect>
        <text x="50%" y="50%" fill="#777" dy=".3em">140x140</text>
      </svg>
      <h2 class="fw-normal">开发工程师</h2>
      <p>专注于技术开发的工程师，热爱用代码构建世界。拥有10年以上的开发经验，致力于为客户提供高效、稳定、创新的技术解决方案。.</p>
      <p><a class="btn btn-secondary" href="#">详情 »</a></p>
    </div><!-- /.col-lg-4 -->
    <div class="col-lg-4">
      <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#777"></rect>
        <text x="50%" y="50%" fill="#777" dy=".3em">140x140</text>
      </svg>
      <h2 class="fw-normal">开发工程师</h2>
      <p>专注于后端开发的工程师，对系统架构、数据处理和性能优化有深刻理解。从业15年，我致力于构建高效、安全、可扩展的后端系统，为您的项目提供坚实的技术支撑。</p>
      <p><a class="btn btn-secondary" href="#">详情 »</a></p>
    </div><!-- /.col-lg-4 -->
    <div class="col-lg-4">
      <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#777"></rect>
        <text x="50%" y="50%" fill="#777" dy=".3em">140x140</text>
      </svg>
      <h2 class="fw-normal">测试工程师</h2>
      <p>专注于软件测试的工程师，致力于为项目提供全面、可靠的质量保障。从业[XX]年，我以细致严谨的态度和专业的测试技术，为产品的稳定性和用户体验保驾护航。</p>
      <p><a class="btn btn-secondary" href="#">详情 »</a></p>
    </div><!-- /.col-lg-4 -->
    <div class="col-lg-4">
      <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#777"></rect>
        <text x="50%" y="50%" fill="#777" dy=".3em">140x140</text>
      </svg>
      <h2 class="fw-normal">运维工程师</h2>
      <p>专注于系统运维的工程师，热爱用技术确保系统的稳定、高效与安全。从业9年，积累了丰富的运维经验，为多种业务场景提供了可靠的技术支持。</p>
      <p><a class="btn btn-secondary" href="#">详情 »</a></p>
    </div><!-- /.col-lg-4 -->

  </div><!-- /.row -->


  <!-- START THE featureS -->

  <hr class="feature-divider">

  <div class="row feature">
    <div class="col-md-7">
      <h2 class="feature-heading fw-normal lh-1">First feature heading.
        <span class="text-muted">It’ll blow your mind.</span></h2>
      <p class="lead">Some great placeholder content for the first feature here. Imagine some exciting prose here.</p>
    </div>
    <div class="col-md-5">
      <svg class="bd-placeholder-img bd-placeholder-img-lg feature-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#eee"></rect>
        <text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text>
      </svg>
    </div>
  </div>

  <hr class="feature-divider">

  <div class="row feature">
    <div class="col-md-7 order-md-2">
      <h2 class="feature-heading fw-normal lh-1">Oh yeah, it’s that good.
        <span class="text-muted">See for yourself.</span></h2>
      <p class="lead">Another feature? Of course. More placeholder content here to give you an idea of how this layout
        would work with some actual real-world content in place.</p>
    </div>
    <div class="col-md-5 order-md-1">
      <svg class="bd-placeholder-img bd-placeholder-img-lg feature-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#eee"></rect>
        <text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text>
      </svg>
    </div>
  </div>

  <hr class="feature-divider">

  <div class="row feature">
    <div class="col-md-7">
      <h2 class="feature-heading fw-normal lh-1">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
      <p class="lead">And yes, this is the last block of representative placeholder content. Again, not really intended
        to be actually read, simply here to give you a better view of what this would look like with some actual
        content. Your content.</p>
    </div>
    <div class="col-md-5">
      <svg class="bd-placeholder-img bd-placeholder-img-lg feature-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false">
        <title>Placeholder</title>
        <rect width="100%" height="100%" fill="#eee"></rect>
        <text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text>
      </svg>
    </div>
  </div>

  <hr class="feature-divider">

  <!-- /END THE featureS -->

</div>
